<form id="createTeamForm">
<table>
	<thead>
		<tr>
			<th colspan="2">
				Create A Team<br>
			</th>	
		</tr>	
			<tr>
				<th colspan="2">
					&nbsp;
				</th>	
			</tr>
	</thead>
	<tbody>
		<tr>	
			<td>
				<b>Team Name: </b>
			</td>
			<td>
				<input type="text" name="teamname" id="teamname" maxlength="40" size="27" />
			</td>
		</tr>
		<tr>
			<td>		
				<b>Invite Members (enter e-mail): </b>
			<td>	
				<input type="text" name="invitemem" id="invitemem" maxlength="40" size="27" onkeyup="getSuggestion(this, 'dbResults', 'autocomplete.php')"/>
				<!-- Hidden div that will be used to display the results as the user types -->
				<div id="dbResults" style="display:none;" class="dbmenu"></div>
			</td>	
		</tr>
		<tr>
			<td>	
				<b>Choose a Color: </b>
				<div style="font-size:8pt">A new calendar will be created representing your new team using this color.</div>	
			</td>
			<td>	
				<select name="teamCalendarColor" id="teamCalendarColor">
					<option style="background-color: #28754E;color: #FFFFFF; padding:2px;" value="#28754E">Chalkboard</option>
					<option style="background-color: #865A5A;color: #FFFFFF; padding:2px;" value="#865A5A">Grapefruit</option>
					<option style="background-color: #A32929;color: #FFFFFF; padding:2px;" value="#A32929">Red</option>
					<option style="background-color: #B1365F;color: #FFFFFF; padding:2px;" value="#B1365F">Pink</option>
					<option style="background-color: #0D7813;color: #FFFFFF; padding:2px;" value="#0D7813">Green</option>
					<option style="background-color: #705770;color: #FFFFFF; padding:2px;" value="#705770">Violet</option>
					
					<option style="background-color: #5229A3;color: #FFFFFF; padding:2px;" value="#5229A3">Purple</option>
					<option style="background-color: #88880E;color: #FFFFFF; padding:2px;" value="#88880E">Slime</option>
					<option style="background-color: #5A6986;color: #FFFFFF; padding:2px;" value="#5A6986">Slate</option>
					<option style="background-color: #29527A;color: #FFFFFF; padding:2px;" value="#29527A">Gunmetal</option>
					<option style="background-color: #AB8B00;color: #FFFFFF; padding:2px;" value="#AB8B00">Gold</option>
					<option style="background-color: #4A716C;color: #FFFFFF; padding:2px;" value="#4A716C">Sea</option>
					<option style="background-color: #2952A3;color: #FFFFFF; padding:2px;" value="#2952A3">Blue</option>
					<option style="background-color: #2952A3;color: #FFFFFF; padding:2px;" value="#BE6D00">Orange</option>
					<option style="background-color: #6E6E41;color: #FFFFFF; padding:2px;" value="#6E6E41">Sludge</option>
					
					<option style="background-color: #1B887A;color: #FFFFFF; padding:2px;" value="#1B887A">Teal</option>
					<option style="background-color: #B1330E;color: #FFFFFF; padding:2px;" value="#B1330E">Navajo</option>
					<option style="background-color: #8D6F47;color: #FFFFFF; padding:2px;" value="#8D6F47">Tan</option>
				</select>
			</td>
		</tr>
		<tr>
			<td colspan="2">&nbsp;</td>	
		</tr>
		<tr>
			<td colspan="2">	
				<div class="memList">
  				<span>Team Members:</span>
  				<ul id="memList" ></ul>
				</div>
			</td>
		</tr>
		<tr>			
			<td align="center">
				<input type="button" value="Create Team" onclick="createTeam('createTeamForm')">
				<input type="button" value="Cancel" onclick="cancel(resetCreateTeamForm)">
			</td>
		</tr>
	<tbody>
</table>
			
</form>